<template>
  <div class="type-echart">
    <ItEcharts id="type-echart-id" :option="typeEchartOption"></ItEcharts>
  </div>
</template>
<script setup>
import { ref } from 'vue'
import { ItEcharts } from '@/components'
import { Line3Option } from '../charts/line/Line3.js'
const typeEchartOption = ref()
typeEchartOption.value = Line3Option({
  datalist: [
    {
      name: '融资金额（亿元）',
      type: 'bar',
      data: ['947.268', '1372.572', '657.288', '1630.332', '18'],
    },
    {
      name: '融资事件数（起）',
      type: 'line',
      data: ['656', '655', '455', '317', '10'],
    },
  ],
  time: [2018, 2019, 2020, 2021, 2022],
  grid: {
    top: 30,
    left: 40,
    right: 20,
    bottom: 0,
  },
})
</script>
<style scoped>
.type-echart {
  margin: 0 auto;
  width: 628px;
  height: 373px;
}
</style>
